<template>
	<view class="shop">
		<view class="shop-item">
			<view class="shop-box">
				<view class="shop-img">
					图片
				</view>
				<scroll-view scroll-x="true" class="scroll-content">
					<view class="soroll-item">
						<Commodity :dataList='shopList' :wrap="'no-wrap'" :bigH="'200rpx'"></Commodity>
					</view>

				</scroll-view>
			</view>

		</view>
		<view class="shop-item">
			<view class="shop-box">
				<view class="shop-img">
					图片
				</view>
				<scroll-view scroll-x="true" class="scroll-content">
					<view class="soroll-item">
						<Commodity :dataList='shopList' :wrap="'no-wrap'" :bigH="'200rpx'"></Commodity>
					</view>

				</scroll-view>
			</view>

		</view>

	</view>
</template>

<script>
	import Commodity from "../common/Commodity.vue"
	export default {
		data() {
			return {
				shopList: [{
						id: 1,
						name: '是法国',
						pproce: '299',
						oprice: '699',
						discount: '2.2'
					},
					{
						id: 2,
						name: '大刷个',
						pproce: '199',
						oprice: '299',
						discount: '2.2'
					},
					{
						id: 3,
						name: '施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工',
						pproce: '3299',
						oprice: '26499',
						discount: '4.3'
					},
					{
						id: 4,
						name: '是法国',
						pproce: '299',
						oprice: '699',
						discount: '2.2'
					},
					{
						id: 5,
						name: '大刷个',
						pproce: '199',
						oprice: '299',
						discount: '2.2'
					},
					{
						id: 6,
						name: '施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工施工队施工施工',
						pproce: '3299',
						oprice: '26499',
						discount: '4.3'
					}
				]
			}
		},
		components: {
			Commodity
		}
	}
</script>

<style scoped>
	.shop-img {
		width: 100%;
		height: 350rpx;
		background-color: lawngreen;
	}

	.scroll-content {
		width: 100%;
		white-space: nowrap;



	}

	.soroll-item {
		display: inline-block;
		/* margin-bottom: var(--window-bottom,50rpx); */
		background-color: bisque;
	}
</style>